<nav class="navigation">
        <ul class="menu">
            <li><a href="/">Index</a></li>
            <li>
              <a>About</a>
              <ul class="submenu">
                <li><a href="/page/about_lii">LII</a></li>
                <li><a href="/page/about_author">The Author</a></li>
                <li><a href="/page/about_mindmap">This Site</a></li>
              </ul>
            </li>
            <li>
              <a>Browse</a>
              <ul class="submenu">
              {% for type in types %}
                  <li>
                      <a href="/browse/type/{{ type }}">
                        {{ type }}
                      </a>
                  </li>
              {% endfor %}
                  <li>
                      <a href="/view/random">Random Pick</a>
                  </li>
              </ul>
            </li>
            <li>
                <a href="/page/contact">Contact</a>
            </li>
        </ul>

</nav>

